<template>
  <div class="left_menu">
    <Menu :active-name="menuItemId">
      <MenuItem name="1" to="/BasicInfor/1">基本信息</MenuItem>
      <MenuItem name="2">既往史</MenuItem>
      <MenuItem name="3">症状体征</MenuItem>
      <MenuItem name="4">PET-CT检查</MenuItem>
      <MenuItem name="5">脑/脑膜转移专用表单</MenuItem>
      <MenuItem name="6">重要血液学检查</MenuItem>
      <MenuItem name="7" to="/BiopsyPath/7">活检病理</MenuItem>
      <MenuItem name="8">基因检测</MenuItem>
      <MenuItem name="9">临床诊断与分期</MenuItem>
      <MenuItem name="10">手术</MenuItem>
      <MenuItem name="11">放疗</MenuItem>
      <MenuItem name="12">系统治疗</MenuItem>
      <MenuItem name="13">支持治疗</MenuItem>
      <MenuItem name="14">其他治疗</MenuItem>
    </Menu>
  </div>
</template>
<script>
export default {
  data() {
    return {
      routeMap: {
        1: "/BasicInfor",
        7: "/BiopsyPath",
      },
    };
  },
  props: ["menuItemId"],
};
</script>
<style lang="less" scope>
.left_menu {
  .ivu-menu-light.ivu-menu-vertical
    .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: #fff;
    background: #66ac99;
  }
  .ivu-menu-light.ivu-menu-vertical
    .ivu-menu-item-active:not(.ivu-menu-submenu):after {
    width: 0;
  }
  .ivu-menu-vertical.ivu-menu-light:after {
    width: 0;
  }
}
</style>
